<!doctype html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>申报商户</title>
    <link rel="stylesheet" href="../../../bangnuo/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../../bangnuo/css/operation/add_merchants_new.css">
    <script src="../../../bangnuo/bootstrap/js/jquery-3.4.1.js"></script>
    <script src="../../../bangnuo/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../../bangnuo/vue/vue.js"></script>
    <script src="js/service/merchantsService.js"></script>
    <script src="../../../bangnuo/vue/axios.min.js"></script>
    <script type="module" src="./js/config/public.js"></script>
</head>
<body>
<div id="app">
    <div class="container-fluid">
        <!--进度条展示-->
        <div class="row" id="jindu">
            <ul style="display:flex; align-items: center">
                <li class="aline">

                </li>
                <li class="step">
                    <p>基本信息</p>
                </li>
                <li class="aline">
                    <span></span>
                </li>
                <li class="step step-6">
                    <p>结算信息</p>
                </li>
                <li class="aline">
                    <span></span>
                </li>
                <li class="step step-7">
                    <p>店铺信息</p>
                </li>
                <li class="aline">
                    <span></span>
                </li>
                <li class="step step-8">
                    <p>资质信息</p>
                </li>
                <li  class="aline">
                    <span></span>
                </li>
                <li class="step step-9">
                    <p>上传资质</p>
                </li>
                <li class="aline">
                    <span></span>
                </li>
                <li class="step step-10">
                    <p>保单完成</p>
                </li>
                <li class="alineg">
                    <span></span>
                </li>
            </ul>
        </div>
        <div class="row jiben-title-text">

        </div>
        <!--内容-->
        <div class="row input-content">
            <h1>报单保存成功</h1>
        </div>
        <div class=" submit-button">
            <button type="button"  class="btn btn-primary button-class" @click="breakButton">上一步</button>
        </div>
    </div>
</div>

<script type="module">
    var vue = new Vue({
        el: '#app',
        data: {

        },
        methods: {
            breakButton:function () {
                console.log("执行后退方法")
                location.href = "./add_merchants_new4.html?id="+this.id;
            },
            getQueryVariable:function (variable) {
                var query = window.location.search.substring(1);
                var vars = query.split("&");
                for (var i=0;i<vars.length;i++) {
                    var pair = vars[i].split("=");
                    if(pair[0] == variable){return pair[1];}
                }
                return(false);
            },
        },
        mounted(){
            this.id = this.getQueryVariable("id");
            console.log("this.id",this.id)
        }
    })
</script>
</body>
</html>